import Vue from 'vue'
import Router from 'vue-router'
import Index from '../pages/Index'
import tab1 from '../pages/children/tab1.vue'
import tab2 from '../pages/children/tab2.vue'
import tab3 from '../pages/children/tab3.vue'
import tab4 from '../pages/children/tab4.vue'
import tab5 from '../pages/children/tab5.vue'

Vue.use(Router)

export default new Router({
    routes: [
        {
            path: '/',
            name: 'Index',
            component: Index,
            children: [
                {
                    path: '/children/tab1',
                    name: 'tab1',
                    component: tab1
                },
                {
                    path: '/children/tab2',
                    name: 'tab2',
                    component: tab2
                },
                {
                    path: '/children/tab3',
                    name: 'tab3',
                    component: tab3
                },
                {
                    path: '/children/tab4',
                    name: 'tab4',
                    component: tab4
                },
                {
                    path: '/children/tab5',
                    name: 'tab5',
                    component: tab5
                }
            ]
        }
    ]
})
